<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">


	<ui:composition template="/templates/template.xhtml">
			<ui:define name="pageTitle">Bem vindo ao Bola na Rede</ui:define>
			<ui:define name="pageHeader">Bem vindo ao Bola na Rede</ui:define>
			<ui:define name="body">	
				<br />			
				<h:form id="apresenta">				
				<h:outputText value="#{validacaoUsuarioBean.retornarUsuario().nome}"/>,<br/>
				<h:outputText value="Cadastre e monitore sua pelada !!!" /><br />
				<h:commandLink id="criarGrupo" action="criarGrupo">Clique aqui para criar seu grupo</h:commandLink>	
				</h:form>			
				<br />	
				<h:form id="lista">
													
					<h:dataTable id="grupos" value="#{carregaGrupoBean.lista}" var="grupo" border="0" rendered="#{not empty carregaGrupoBean.lista}">
						<f:facet name="header">Grupos que você é presidente</f:facet>
							<h:column>																
								<h:commandLink action="listaParticipantesGrupo">
								#{grupo.nomeGrupo}
								<f:setPropertyActionListener target="#{exibeParticipanteGrupoBean.grupoEsporte}" value="#{grupo}"/>
								</h:commandLink>
							</h:column>												
					</h:dataTable>					
				</h:form>
				<br />
				<h:form id="gruposParticipantes">
					<h:dataTable id="UsuarioGrupos" value="#{carregaGrupoBean.gruposDoParticipante}" var="grupoParticipante" border="0" rendered="#{not empty carregaGrupoBean.gruposDoParticipante}">
						<f:facet name="header">Associado aos seguintes grupos</f:facet>
							<h:column>						
								<h:commandLink action="listaParticipantesGrupo">
									#{grupoParticipante.grupos.nomeGrupo}
								<f:setPropertyActionListener target="#{exibeParticipanteGrupoBean.participanteSelecionado}" value="#{grupoParticipante}"/>
								</h:commandLink>
							</h:column>
					</h:dataTable>
				</h:form>				
				<h:messages/>
			</ui:define>
	</ui:composition>

</html>